<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/10/15
  Time: 14:38
  To change this template use File | Settings | File Templates.
--%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <base href="<%=basePath%>"/>
    <title>主持人管理页面</title>
    <link rel="stylesheet" type="text/css" href="static/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="static/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="static/themes/demo.css">
    <link rel="stylesheet" type="text/css" href="static/themes/color.css">
    <script type="text/javascript" src="static/jquery.min.js"></script>
    <script type="text/javascript" src="static/jquery.easyui.min.js"></script>
    <script type="text/javascript">
        /****初始化加载公司信息的DataGrid组件****/
        $(function () {
            $('#companyDataGrid').datagrid({
                url:'company/companyInfo',
                pagination:true,//在表格中显示分页工具，将此属性设置为true，就会发送ajax分页请求
                rownumbers:true,//显示行号
                checkOnSelect:false,//避免点击即选中,只有点击复选框才会选中
                pageNumber:1,//设置默认查询页码数
                pageSize:2,//设置每页显示的数量
                pageList:[2,4,6],//设置每页数据量下拉框中的数据
                title:"查询结果",//显示标题
                toolbar: "#companyToolBar",
                columns:[[
                    //设置表格的列以及每列和加载的数据的映射关系
                    {field:'aa',checkbox:true},//显示一个多选框的效果

                    {field:'cname',title:'公司名称',width:100},
                    {field:'ceo',title:'公司法人',width:100},
                    {field:'cphone',title:'手机号',width:100},
                    {field:'starttime',title:'开通时间',width:200},
                    //     formatter:function (value, row, index) {
                    //         return value.date.year+"-"+value.date.month+"-"+value.date.day+" "+value.time.hour
                    //             +" "+value.time.minute+" "+value.time.second
                    //     }},
                    {field:'ordernumber',title:'订单量',width:100},
                    {field:'status',title:'账号状态',width:100,
                        formatter:function (value, row, index) {
                            return value=="1"?"正常":"禁用"
                        }},
                ]]
            });
        });
        /****查询按钮完成公司信息的筛选分页查询****/
        $(function () {
            //给查询按钮增加单击事件
            $("#search").click(function () {
                //dataGrid按照条件重新分页加载主持人信息
                $('#companyDataGrid').datagrid('load',{
                    cname:$("#cname").val(),
                    status:$("#status").val(),
                    ordernumber:$("#ordernumber").val(),
                })
            })
        })
        /****增加公司信息功能实现***/
        $(function () {
            //给增加按钮添加单击事件
            $("#addCompany").click(function (){
                //显示主持人增加的对话框
                $("#companyAddDialog").dialog('open');
            })
            $("#addCompanyForm").click(function () {
                //发起ajax请求完成主持人增加的操作
                $('#companyForm').form('submit', {
                    success: function(data){
                        eval("var obj = "+data)
                        if (obj.success){
                            $.messager.alert("增加公司信息","增加成功","info")
                            //关闭对话框
                            $("#companyAddDialog").dialog('close');
                            //重新加载datagrid中的数据
                            $('#companyDataGrid').datagrid("reload")
                        }else{
                            $.messager.alert("增加公司信息","添加失败","error")
                        }
                    }
                });
            })
        })
        /****编辑公司信息功能实现****/
        $(function () {
            $('#editCompany').click(function () {
                //判断是否选择了要编辑的公司信息
                var tr=$("#companyDataGrid").datagrid('getChecked');
                //判断
                if(tr.length==1){
                    //将要编辑的公司信息回显到编辑对话框
                    $("#companyEditForm").form('load',tr[0])
                    //弹出编辑对话框
                    $("#companyUpdateDialog").dialog("open")
                }else {
                    $.messager.alert("error","请选择一个要修改的公司","error")
                }
            })
            $('#editCompanyForm').click(function () {
                //给更新按钮增加单击事件
                $("#companyEditForm").form('submit',{
                    url:'company/companyEdit',
                    success:function (data) {
                        eval("var obj="+data);
                        //提示用户
                        if (obj.success){
                            $.messager.alert("编辑",obj.message,"info")
                            $('#companyUpdateDialog').dialog('close')
                            $('#companyDataGrid').dialog('reload')
                        }else {
                            $.messager.alert("error",obj.message,"error")
                        }
                    }
                })
            })
        })
        /****查询策划师****/
        $(function () {
            $('#plannerList').click(function () {
                //给策划师按钮增加单击事件
                //判断是否选择公司
                //判断是否选择了要编辑的公司信息
                var tr=$("#companyDataGrid").datagrid('getChecked');
                //判断
                if(tr.length==1){
                    //将要编辑的公司信息回显到编辑对话框
                    $("#companyEditForm").form('load',tr[0])
                    //初始化策划师的dataGrid
                    $("#plannerDataGrid").datagrid({
                        url:"planner/plannerInfo",
                        rownumbers:true,//显示行号
                        pagination:true,//在表格中显示分页工具，将此属性设置为true，就会发送ajax分页请求
                        checkOnSelect:false,//避免点击即选中,只有点击复选框才会选中
                        pageNumber:1,//设置默认查询页码数
                        pageSize:2,//设置每页显示的数量
                        pageList:[2,4,6],//设置每页数据量下拉框中的数据
                        title:"查询结果",//显示标题
                        queryParams:{cid:tr[0].cid},//设置额外参数
                        columns:[[
                            //设置表格的列以及每列和加载的数据的映射关系
                            {field:'aa',checkbox:true},//显示一个多选框的效果
                            {field:'nname',title:'策划师姓名',width:100},
                            {field:'nphone',title:'手机号',width:100},
                            {field:'addtime',title:'加入时间',width:200,
                                formatter:function (value, row, index) {
                                    return value.date.year+"-"+value.date.month+"-"+value.date.day+" "+value.time.hour
                                        +" "+value.time.minute+" "+value.time.second
                                }},
                            {field:'status',title:'账号状态',width:100,
                                formatter:function (value, row, index) {
                                    return value=="1"?"正常":"禁用"
                                }},
                            {field:'ordernumber',title:'订单量',width:100},
                        ]]
                    })
                    //弹出编辑对话框
                    $("#plannerDialog").dialog("open")
                }else {
                    $.messager.alert("error","请选择一个公司","error")
                }
            })
        })
        /****修改公司状态****/
        $(function () {
            $("#accountStatus").click(function () {
                //获取选择的行
                var trs = $("#companyDataGrid").datagrid("getChecked");
                if (trs.length>0){
                    //获取要修改的公司信息的id
                    var cids="";
                    //获取要修改的公司信息的账号状态
                    var statuss="";
                    for(var a=0;a<trs.length;a++){
                        cids+=trs[a].cid+",";
                        statuss+=trs[a].status+",";
                    }
                    //发起ajax完成账号状态更新
                    $.post("company/companyAccountUp",{cids:cids,statuss:statuss},function (data) {
                        if (data=="1"){
                            $.messager.alert("提示","修改成功","info")
                            //更新查询信息
                            $('#companyDataGrid').datagrid("reload")
                        }else {
                            $.messager.alert("提示","修改失败","error")
                        }
                    })
                }else {
                    $.messager.alert("提示","请选择要修改状态的主持人","info")
                }
            })
        })

    </script>
</head>
<body>
<%--创建策划师信息的对话框--%>
<div id="plannerDialog" class="easyui-dialog" title="策划师信息" style="width:650px;height:450px;"
     data-options="iconCls:'icon-save',resizable:true,modal:true,closed:true">
    <%--创建策划师的dataGrid--%>
        <table id="plannerDataGrid"></table>
</div>
<%--创建编辑公司信息的对话框--%>
<div id="companyUpdateDialog" class="easyui-dialog" title="编辑公司信息" style="width:400px;height:450px;"
     data-options="iconCls:'icon-save',resizable:true,modal:true,closed:true">
    <%--创建编辑公司表单--%>
    <form id="companyEditForm" action="company/companyAdd" method="post" style="margin: auto;text-align: center">
        <input type="hidden" name="cid" value="">
        <div style="margin-bottom:20px;margin-top: 25px">
            <input class="easyui-textbox" name="cname" prompt="请输入公司名称" lable="公司名称" iconWidth="28" style="width:100%;height:34px;padding:10px;">
        </div>
        <div style="margin-bottom:20px">
            <input class="easyui-textbox" name= "cpwd" prompt="请输入密码"
                   lable="密码" iconWidth="28" style="width:100%;height:34px;padding:10px;">
        </div>
        <div style="margin-bottom:20px">
            <input class="easyui-textbox" name="cphone" prompt="请输入手机号"
                   lable="公司手机号" iconWidth="28" style="width:100%;height:34px;padding:10px;">
        </div>
        <div style="margin-bottom:20px">
            <input class="easyui-textbox" name= "ceo" prompt="请输入公司法人"
                   lable="公司法人" iconWidth="28" style="width:100%;height:34px;padding:10px;">
        </div>
        <div style="margin-bottom:20px">
            <input class="easyui-textbox" name= "cmail" prompt="请输入公司邮箱"
                   lable="公司邮箱" iconWidth="28" style="width:100%;height:34px;padding:10px;">
        </div>
        <%--操作按钮--%>
        <div style="margin-bottom:20px">
            <a  href="javascrip:void(0)" id="editCompanyForm" class="easyui-linkbutton c3" style="width: 120px">更新</a>
        </div>
    </form>
</div>
<%--创建增加公司信息的对话框--%>
<div id="companyAddDialog" class="easyui-dialog" title="新增公司信息" style="width:400px;height:450px;"
     data-options="iconCls:'icon-save',resizable:true,modal:true,closed:true">
    <%--创建增加公司表单--%>
    <form id="companyForm" action="company/companyAdd" method="post" style="margin: auto;text-align: center">
        <div style="margin-bottom:20px;margin-top: 25px">
            <input id="111" class="easyui-textbox" name="cname" prompt="请输入公司名称" iconWidth="28" style="width:100%;height:34px;padding:10px;">
        </div>
        <div style="margin-bottom:20px">
            <input id="222" class="easyui-textbox" name= "cpwd" prompt="请输入密码" iconWidth="28" style="width:100%;height:34px;padding:10px;">
        </div>
        <div style="margin-bottom:20px">
            <input id="333" class="easyui-textbox" name="cphone" prompt="请输入手机号" iconWidth="28" style="width:100%;height:34px;padding:10px;">
        </div>
        <div style="margin-bottom:20px">
            <input class="easyui-textbox" name= "ceo" prompt="请输入公司法人" iconWidth="28" style="width:100%;height:34px;padding:10px;">
        </div>
        <div style="margin-bottom:20px">
            <input class="easyui-textbox" name= "cmail" prompt="请输入公司邮箱" iconWidth="28" style="width:100%;height:34px;padding:10px;">
        </div>
        <%--操作按钮--%>
        <div style="margin-bottom:20px">
            <a  href="javascrip:void(0)" id="addCompanyForm" class="easyui-linkbutton c3" style="width: 120px">增加</a>
        </div>
    </form>
</div>
<%--创建公司管理面板组件--%>
<div id="p" class="easyui-panel" title="公司管理"
     style="width:1250px;height:500px;padding:10px;background:#fafafa;"
     data-options="closable:false,
                collapsible:false,minimizable:false,maximizable:false">
    <%--创建检索条件查询效果--%>
    <div style="margin: auto;width:700px">
        <%--创建检索条件表单--%>
        <form action="">
            <input class="easyui-textbox" prompt="公司名称" id="cname" name="cname" style="width:100px">
            <select class="easyui-combobox" id="status" data-options="editable:false,value:'账号状态'" name="status" style="width:100px;"><%--账号状态条件--%>
                <option value="0">禁用</option>
                <option value="1">正常</option>
            </select>
            <select class="easyui-combobox" id="ordernumber" data-options="editable:false,value:'订单量排序'" name="ordernumber" style="width:150px;"><%--订单排序--%>
                <option value="asc">升序</option>
                <option value="desc">降序</option>
            </select>
            <a href="javascrpt:void(0)" id="search" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:false">查询</a>
        </form>
    </div>
    <%--创建主持人信息加载的dataGrid组件--%>
    <table id="companyDataGrid"></table>
</div>
<%--创建公司DataGrid工具栏--%>
<div id="companyToolBar">
    <a href="javascrpt:void(0)" id="addCompany" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">添加公司</a>
    <a href="javascrpt:void(0)" id="editCompany" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true">编辑公司</a>
    <a href="javascrpt:void(0)" id="plannerList" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true">策划师列表</a>
    <a href="javascrpt:void(0)" id="accountStatus" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true">账号状态</a>
</div>
</body>
</html>
